<!DOCTYPE html>
<html lang="zh-cn">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="stylesheet" href="./career.css">
  <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
  <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
  <link rel="stylesheet" href="./bootstrap.css">
  <title>职位列表</title>
</head>

<body>
    <div class="contain">
       <!-- 顶部客服热线及右边三个小图标 -->
    <div class="top">
            <div class="header">
              <div class="call">客服热线：010-594-78643</div>
              <div class="open">
                <a class="wx" href="#"><img src="./img/weixin.png" alt=""></a>
                <a class="qq" href="#"><img src="./img/qq.png" alt=""></a>
                <a class="weibo" href="#"><img src="./img/weibo.png" alt=""></a>
              </div>
            </div>
              <!-- 登录和注册 -->
              <div class="lore">
                <span class="login">登录</span>
                <span class="register">注册</span>
              </div>
          </div>

      <!-- 导航部分 -->
    <div class="row navi">
            <a class="na-l" href="./home.html"><img src="./img/tree.png" alt=""></a>
            <div class="dropdown">
                <input type="checkbox" id="checkbox_toggle">
                <label for="checkbox_toggle"> 
                <div class="bar">
                  <div class="sbar">
                    <div class="bar1"></div>
                    <div class="bar2"></div>
                    <div class="bar3"></div>
                  </div>
                </div>
              </label>
            <div class="na">  
              <div class="lead">
                <a href="./home.html">首页</a>
              </div>
              <div class="lead">
                <a href="./career.html">职业</a>
              </div>
              <div class="lead">
                <a href="#">推荐</a>
              </div>
              <div class="lead">
                <a href="#">关于</a>
              </div>
            </div>
      </div>
    </div>

      <div class="main">
        <!-- 职业方向 -->
        <div class="title">首页><span>职业</span></div>
        <hr class="hr1">
        <div class="direction"> 
          <div class="dire">方向：</div>
          <button>全部</button>
          <button>前端开发</button>
          <button>后端开发</button>
          <button>移动开发</button>
          <button>整站开发</button>
          <button>运营维护</button>
        </div>
<hr>
        <!-- 职位介绍 -->
        <div class="species">
          <h4>
            前端开发方向
          </h4>
        </div>
        <hr>

        <!-- 职业介绍列表 -->
        <!-- 第一个介绍 -->
        <div class="wordList">
          <div class="wrap">
            <div class="line1">
              <div><img src="./img/worker.png" alt=""></div>
              <div>
              <span>
                <h4>Web前端工程师</h4>
                Web前端开发工程师，主要职责是
                利用（X）HTML/CSS/JavaScript/
                flash等各种Web技术进行产品的开
                发。
              </span>
            </div>
            </div>

            <!-- 资料表格 -->
            <table class="table1">
              <tr>
                <td name="online">门槛
                  <img src="./img/start.png" alt="">
                </td>
                <td>难易程度
                  <img src="./img/start.png" alt="">
                  <img src="./img/start.png" alt="">
                </td>
              </tr>
              <tr>
                <td name="online">成长周期
                  <span>1~3</span><span name="b">年</span>
                </td>
                <td>稀缺程度
                  <span>345</span><span name="b">家公司需要</span>
                </td>
              </tr>
            </table>

            <table class="table2">
              <tr>
                <td rowspan="3" name="online1">薪资待遇</td>
                <td class="le"><span name="b">0-1年</span></td>
                <td class="ri"><span name="b1">5k-10k/月</span></td>
              </tr>
              <tr>
                <td class="le"><span name="b">1-3年</span></td>
                <td class="ri"><span name="b1">10k-20k/月</span></td>
              </tr>
              <tr>
                <td class="le"><span name="b">3-5年</span></td>
                <td class="ri"><span name="b1">20k-50k/月</span></td>
              </tr>
            </table>
      <div class="people">有<span>286</span>人正在学</div>
      <div class="tips">提示：在你学习之前你应该已经掌握XXXXX等语言基础</div>
      
      <!-- 鼠标放到岗位说明上展示的内容 -->
      <div class="wrap2">
        <p>iOS工程师</p>
        <div class="ios">
        <span>iOS是由苹果公司开发的移动操作统，iOS与苹果的Mac OS X操作系统一样，也是以Darwin为基础的，因此同样属
         于类Unix的商业操作系统。国内iOS开
         发起步相对较晚，人才培养机制更是远
         远跟不上市场发展速度。有限的iOS开
         发人才成了国内企业必争的资源。国内  iOS开发起步相对较晚，人才培养机制
         更是远远跟不上市场发展速度。有限的iOS开发人才成了国内企业必争的资源。</span>
      </div>
         </div>   
    </div>

    <!-- 第二个介绍 -->
          <div class="wrap">
            <div class="line1">
              <img src="./img/worker.png" alt="">
              <span>
                <h4>Web前端工程师</h4>
                Web前端开发工程师，主要职责是
                利用（X）HTML/CSS/JavaScript/
                flash等各种Web技术进行产品的开
                发。
              </span>
            </div>

            <!-- 资料表格 -->
            <table class="table1">
              <tr>
                <td name="online">门槛
                  <img src="./img/start.png" alt="">
                </td>
                <td>难易程度
                  <img src="./img/start.png" alt="">
                  <img src="./img/start.png" alt="">
                </td>
              </tr>
              <tr>
                <td name="online">成长周期
                  <span>1~3</span><span name="b">年</span>
                </td>
                <td>稀缺程度
                  <span>345</span><span name="b">家公司需要</span>
                </td>
              </tr>
            </table>

            <table class="table2">
              <tr>
                <td rowspan="3" name="online1">薪资待遇</td>
                <td class="le"><span name="b">0-1年</span></td>
                <td class="ri"><span name="b1">5k-10k/月</span></td>
              </tr>
              <tr>
                <td class="le"><span name="b">1-3年</span></td>
                <td class="ri"><span name="b1">10k-20k/月</span></td>
              </tr>
              <tr>
                <td class="le"><span name="b">3-5年</span></td>
                <td class="ri"><span name="b1">20k-50k/月</span></td>
              </tr>
            </table>
      <div class="people">有<span>286</span>人正在学</div>
      <div class="tips">提示：在你学习之前你应该已经掌握XXXXX等语言基础</div>
      
      <!-- 鼠标放到岗位说明上展示的内容 -->
      <div class="wrap2">
        <p>iOS工程师</p>
        <div class="ios">
        <span>iOS是由苹果公司开发的移动操作统，iOS与苹果的Mac OS X操作系统一样，也是以Darwin为基础的，因此同样属
         于类Unix的商业操作系统。国内iOS开
         发起步相对较晚，人才培养机制更是远
         远跟不上市场发展速度。有限的iOS开
         发人才成了国内企业必争的资源。国内  iOS开发起步相对较晚，人才培养机制
         更是远远跟不上市场发展速度。有限的iOS开发人才成了国内企业必争的资源。</span>
      </div>
         </div>   
    </div>
       
<!-- 第三个介绍 -->
    <div class="wrap">
      <div class="line1">
        <img src="./img/worker.png" alt="">
        <span>
          <h4>Web前端工程师</h4>
          Web前端开发工程师，主要职责是
          利用（X）HTML/CSS/JavaScript/
          flash等各种Web技术进行产品的开
          发。
        </span>
      </div>

      <!-- 资料表格 -->
      <table class="table1">
        <tr>
          <td name="online">门槛
            <img src="./img/start.png" alt="">
          </td>
          <td>难易程度
            <img src="./img/start.png" alt="">
            <img src="./img/start.png" alt="">
          </td>
        </tr>
        <tr>
          <td name="online">成长周期
            <span>1~3</span><span name="b">年</span>
          </td>
          <td>稀缺程度
            <span>345</span><span name="b">家公司需要</span>
          </td>
        </tr>
      </table>

      <table class="table2">
        <tr>
          <td rowspan="3" name="online1">薪资待遇</td>
          <td class="le"><span name="b">0-1年</span></td>
          <td class="ri"><span name="b1">5k-10k/月</span></td>
        </tr>
        <tr>
          <td class="le"><span name="b">1-3年</span></td>
          <td class="ri"><span name="b1">10k-20k/月</span></td>
        </tr>
        <tr>
          <td class="le"><span name="b">3-5年</span></td>
          <td class="ri"><span name="b1">20k-50k/月</span></td>
        </tr>
      </table>
<div class="people">有<span>286</span>人正在学</div>
<div class="tips">提示：在你学习之前你应该已经掌握XXXXX等语言基础</div>

<!-- 鼠标放到岗位说明上展示的内容 -->
<div class="wrap2">
  <p>iOS工程师</p>
  <div class="ios">
  <span>iOS是由苹果公司开发的移动操作统，iOS与苹果的Mac OS X操作系统一样，也是以Darwin为基础的，因此同样属
   于类Unix的商业操作系统。国内iOS开
   发起步相对较晚，人才培养机制更是远
   远跟不上市场发展速度。有限的iOS开
   发人才成了国内企业必争的资源。国内  iOS开发起步相对较晚，人才培养机制
   更是远远跟不上市场发展速度。有限的iOS开发人才成了国内企业必争的资源。</span>
</div>
   </div>   
</div>
        </div>


        <!-- 后端开发方向 -->
        <div class="species">
          <h4>
            后端开发方向
          </h4>
        </div>

        <!-- 职业介绍列表 -->
        <div class="wordList">
          <div class="wrap">
            <div class="line1">
              <img src="./img/worker.png" alt="">
              <span>
                <h4>Web前端工程师</h4>
                Web前端开发工程师，主要职责是
                利用（X）HTML/CSS/JavaScript/
                flash等各种Web技术进行产品的开
                发。
              </span></div>

            <!-- 资料表格 -->
            <table class="table1">
              <tr>
                <td name="online">门槛
                  <img src="./img/start.png" alt="">
                </td>
                <td>难易程度
                  <img src="./img/start.png" alt="">
                  <img src="./img/start.png" alt="">
                </td>
              </tr>
              <tr>
                <td name="online">成长周期
                  <span>1~3</span><span name="b">年</span>
                </td>
                <td>稀缺程度
                  <span>345</span><span name="b">家公司需要</span>
                </td>
              </tr>
            </table>

            <table class="table2">
              <tr>
                <td rowspan="3" name="online1">薪资待遇</td>
                <td class="le"><span name="b">0-1年</span></td>
                <td class="ri"><span name="b1">5k-10k/月</span></td>
              </tr>
              <tr>
                <td class="le"><span name="b">1-3年</span></td>
                <td class="ri"><span name="b1">10k-20k/月</span></td>
              </tr>
              <tr>
                <td class="le"><span name="b">3-5年</span></td>
                <td class="ri"><span name="b1">20k-50k/月</span></td>
              </tr>
            </table>
      <div class="people">有<span>286</span>人正在学</div>
      <div class="tips">提示：在你学习之前你应该已经掌握XXXXX等语言基础</div>
      
      <!-- 鼠标放到岗位说明上展示的内容 -->
      <div class="wrap2">
        <p>iOS工程师</p>
        <div class="ios">
        <span>iOS是由苹果公司开发的移动操作统，iOS与苹果的Mac OS X操作系统一样，也是以Darwin为基础的，因此同样属
         于类Unix的商业操作系统。国内iOS开
         发起步相对较晚，人才培养机制更是远
         远跟不上市场发展速度。有限的iOS开
         发人才成了国内企业必争的资源。国内  iOS开发起步相对较晚，人才培养机制
         更是远远跟不上市场发展速度。有限的iOS开发人才成了国内企业必争的资源。</span>
      </div>
         </div>   
    </div>
       

    <div class="wrap">
      <div class="line1">
        <img src="./img/worker.png" alt="">
        <span>
          <h4>Web前端工程师</h4>
          Web前端开发工程师，主要职责是
          利用（X）HTML/CSS/JavaScript/
          flash等各种Web技术进行产品的开
          发。
        </span></div>

      <!-- 资料表格 -->
      <table class="table1">
        <tr>
          <td name="online">门槛
            <img src="./img/start.png" alt="">
          </td>
          <td>难易程度
            <img src="./img/start.png" alt="">
            <img src="./img/start.png" alt="">
          </td>
        </tr>
        <tr>
          <td name="online">成长周期
            <span>1~3</span><span name="b">年</span>
          </td>
          <td>稀缺程度
            <span>345</span><span name="b">家公司需要</span>
          </td>
        </tr>
      </table>

      <table class="table2">
        <tr>
          <td rowspan="3" name="online1">薪资待遇</td>
          <td class="le"><span name="b">0-1年</span></td>
          <td class="ri"><span name="b1">5k-10k/月</span></td>
        </tr>
        <tr>
          <td class="le"><span name="b">1-3年</span></td>
          <td class="ri"><span name="b1">10k-20k/月</span></td>
        </tr>
        <tr>
          <td class="le"><span name="b">3-5年</span></td>
          <td class="ri"><span name="b1">20k-50k/月</span></td>
        </tr>
      </table>
<div class="people">有<span>286</span>人正在学</div>
<div class="tips">提示：在你学习之前你应该已经掌握XXXXX等语言基础</div>

<!-- 鼠标放到岗位说明上展示的内容 -->
<div class="wrap2">
  <p>iOS工程师</p>
  <div class="ios">
  <span>iOS是由苹果公司开发的移动操作统，iOS与苹果的Mac OS X操作系统一样，也是以Darwin为基础的，因此同样属
   于类Unix的商业操作系统。国内iOS开
   发起步相对较晚，人才培养机制更是远
   远跟不上市场发展速度。有限的iOS开
   发人才成了国内企业必争的资源。国内  iOS开发起步相对较晚，人才培养机制
   更是远远跟不上市场发展速度。有限的iOS开发人才成了国内企业必争的资源。</span>
</div>
   </div>   
</div>
        </div>

        <!-- 运维方向 -->
        <div class="species">
          <h4>
            运维方向
          </h4>
        </div>

        <!-- 职业介绍列表 -->
        <div class="wordList">
          <div class="wrap">
            <div class="line1">
              <img src="./img/worker.png" alt="">
              <span>
                <h4>Web前端工程师</h4>
                Web前端开发工程师，主要职责是
                利用（X）HTML/CSS/JavaScript/
                flash等各种Web技术进行产品的开
                发。
              </span></div>

            <!-- 资料表格 -->
            <table class="table1">
              <tr>
                <td name="online">门槛
                  <img src="./img/start.png" alt="">
                </td>
                <td>难易程度
                  <img src="./img/start.png" alt="">
                  <img src="./img/start.png" alt="">
                </td>
              </tr>
              <tr>
                <td name="online">成长周期
                  <span>1~3</span><span name="b">年</span>
                </td>
                <td>稀缺程度
                  <span>345</span><span name="b">家公司需要</span>
                </td>
              </tr>
            </table>

            <table class="table2">
              <tr>
                <td rowspan="3" name="online1">薪资待遇</td>
                <td class="le"><span name="b">0-1年</span></td>
                <td class="ri"><span name="b1">5k-10k/月</span></td>
              </tr>
              <tr>
                <td class="le"><span name="b">1-3年</span></td>
                <td class="ri"><span name="b1">10k-20k/月</span></td>
              </tr>
              <tr>
                <td class="le"><span name="b">3-5年</span></td>
                <td class="ri"><span name="b1">20k-50k/月</span></td>
              </tr>
            </table>
      <div class="people">有<span>286</span>人正在学</div>
      <div class="tips">提示：在你学习之前你应该已经掌握XXXXX等语言基础</div>
      
      <!-- 鼠标放到岗位说明上展示的内容 -->
      <div class="wrap2">
        <p>iOS工程师</p>
        <div class="ios">
        <span>iOS是由苹果公司开发的移动操作统，iOS与苹果的Mac OS X操作系统一样，也是以Darwin为基础的，因此同样属
         于类Unix的商业操作系统。国内iOS开
         发起步相对较晚，人才培养机制更是远
         远跟不上市场发展速度。有限的iOS开
         发人才成了国内企业必争的资源。国内  iOS开发起步相对较晚，人才培养机制
         更是远远跟不上市场发展速度。有限的iOS开发人才成了国内企业必争的资源。</span>
      </div>
         </div>   
    </div>
       

    <div class="wrap">
      <div class="line1">
        <img src="./img/worker.png" alt="">
        <span>
          <h4>Web前端工程师</h4>
          Web前端开发工程师，主要职责是
          利用（X）HTML/CSS/JavaScript/
          flash等各种Web技术进行产品的开
          发。
        </span></div>

      <!-- 资料表格 -->
      <table class="table1">
        <tr>
          <td name="online">门槛
            <img src="./img/start.png" alt="">
          </td>
          <td>难易程度
            <img src="./img/start.png" alt="">
            <img src="./img/start.png" alt="">
          </td>
        </tr>
        <tr>
          <td name="online">成长周期
            <span>1~3</span><span name="b">年</span>
          </td>
          <td>稀缺程度
            <span>345</span><span name="b">家公司需要</span>
          </td>
        </tr>
      </table>

      <table class="table2">
        <tr>
          <td rowspan="3" name="online1">薪资待遇</td>
          <td class="le"><span name="b">0-1年</span></td>
          <td class="ri"><span name="b1">5k-10k/月</span></td>
        </tr>
        <tr>
          <td class="le"><span name="b">1-3年</span></td>
          <td class="ri"><span name="b1">10k-20k/月</span></td>
        </tr>
        <tr>
          <td class="le"><span name="b">3-5年</span></td>
          <td class="ri"><span name="b1">20k-50k/月</span></td>
        </tr>
      </table>
<div class="people">有<span>286</span>人正在学</div>
<div class="tips">提示：在你学习之前你应该已经掌握XXXXX等语言基础</div>

<!-- 鼠标放到岗位说明上展示的内容 -->
<div class="wrap2">
  <p>iOS工程师</p>
  <div class="ios">
  <span>iOS是由苹果公司开发的移动操作统，iOS与苹果的Mac OS X操作系统一样，也是以Darwin为基础的，因此同样属
   于类Unix的商业操作系统。国内iOS开
   发起步相对较晚，人才培养机制更是远
   远跟不上市场发展速度。有限的iOS开
   发人才成了国内企业必争的资源。国内  iOS开发起步相对较晚，人才培养机制
   更是远远跟不上市场发展速度。有限的iOS开发人才成了国内企业必争的资源。</span>
</div>
   </div>   
</div>
        </div>
      </div>
    </div>

    <!-- 底部footer -->
    <div class="footer">
      <!-- 底部左边 -->
      <div class="col-md-4 left">
        <div>技能树 — 改变你我</div>
        <div class="text">
          <a href="#" class="al">关于我们</a>
          <a href="#" class="al">联系我们</a>
          <a href="#">友情链接</a>
        </div>
      </div>
      <!-- 底部中间 -->
      <div class="col-md-4 center">
        <div>旗下网站</div>
        <div class="link">
          <a href="#">草船云孵化器</a>
          <a href="#">最强IT特训营</a>
          <a href="#">葡萄藤轻游戏</a>
          <a href="#">桌游精灵</a>
        </div>
      </div>

      <!-- 底部右边 -->
      <div class="col-md-4 right">
        <div>微信公众平台</div>
        <div class="image">
          <img src="./img/wx.png" alt="">
        </div>
      </div>
    </div>

    <!-- 版权说明 -->
    <div class="cr">
      Copyright © 2015技能树 www.jnshu.com All Rights Reserved | 京ICP备13005880号
    </div>
  </div>
</body>

</html>
